// 根据浏览器兼容模式封装
// document.compatMode // CSS1Compat:标准模式  backCompat:怪异模式
function getViewportSize() {
    if (window.innerWidth) {
        return {
            width: window.innerWidth,
            height: window.innerHeight
        }
    } else {
        // 标准模式 <!DOCTYPE html>
        if (document.compatMode === "CSS1Compat") {
            return {
                width:document.documentElement.clientWidth,
                height:document.documentElement.clientHeight
            }
        } else {
            // 怪异模式
            return {
                width: document.body.clientWidth,
                height: document.body.clientHeight
            }
        }
    }

}